{% extends 'base.html' %}
{% block content %}
    <style>
        .one{
            float: left;
            margin-top: 50px;
            margin-left: 120px;
            height: 300px;
            width: 200px;
            background-color: #f1f1f3;
        }
        .two{
            display: inline-block;
            margin-top: 50px;
            margin-left: 20px;
            height: 500px;
            width: 1240px;
            background-color: #f1f1f3;
        }
        .one li{
           margin-left: 60px;
            list-style: none;
        }
       .one ul li {
            color: black;
        }
        .one ul li a {
            color: #666;
            font-size: 20px;
            line-height:40px;
        }
       .one ul li a:hover{
            color: #5f9ea0;
            text-decoration: underline;
        }
       .right-window{
           width: 1240px;
           height: 500px;
       }
    </style>

<div class="one">
      <ul>
           <li><a href="my_favorite" target="right-window">我的收藏</a></li>
           <li><a href="a_publish">发布文章</a></li>
           <li><a href="#" target="right-window">我的草稿</a></li>
           <li><a href="#" target="right-window">我的文章</a></li>
           <li><a href="#" target="right-window">我的评论</a></li>
          <li><a href="#" target="right-window">个人资料</a></li>
          <li><a href="#" target="right-window">我的积分</a></li>
      </ul>
</div>
<div class="two">

    <iframe name="right-window" class="right-window"></iframe>
</div>
{% endblock %}